import {useWinSize} from './hooks/useWinSize'
import {useMouse} from './hooks/useMouse'
function App() {
  const size = useWinSize();
  const p = useMouse();
  return ( <div>
    <h1>自定义hook</h1>
    <p>宽：{size.w}</p>
    <p>高：{size.h}</p>
    <p>x:{p.x},y:{p.y}</p>
    <p className='love' style={{left:p.x,top:p.y}}>x:{p.x},y:{p.y}</p>
    <p className='love' style={{left:p.x+15,top:p.y-15}}>我爱你前端</p>
   
  </div> );
}

export default App;
// 定义自定义hooks
// 传入seconds秒数，callback回调函数
// 每隔1秒返回一个数字，是上个数字减1，当返回的数字为0时候停止返回，并执行callback
// <button>28s</button>
// function useCutDown(second,callback){}
// const num = useCutDown(30,()=>alert("倒计时结束"))
// <button>{num}</button>